<div id="suggestServiceCategorieToBeAddedFormArea">
    <form dojoType="dijit.form.Form"
          id="suggestServiceCategorieToBeAddedForm"
          name="suggestServiceCategorieToBeAddedForm"
          method="post"
          action="javascript:submitSuggestServiceCategorieToBeAddedForm();">
        <table border="0" style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
            <thead>
                <tr>
                    <th colspan="2" style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Suggest Category to be Added</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="2" style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                        To send a recommendation for adding a service category please fill out the form below and click "Send".
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="font-family:Verdana;font-size:12px;text-align:center;height:30px;">
                        <div id="suggestServiceCategorieToBeAddedFormStatusMessage"></div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="width:150px;text-align:left;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:0px;">
                        Email:
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="text-align:left;padding-top:0px;">
                        <input style="width:300px;"
                               type="text"
                               name="senderEmail"
                               id="senderEmail"
                               value=""
                               dojoType="dijit.form.ValidationTextBox"
                               trim="true"
                               regExp="[\a-zA-Z0-9\-\.\_\#]+[\@][a-zA-Z0-9\-\.\_\#]+[\.][a-zA-Z0-9\-\.\_\#]+"
                               lowercase="true"
                               required="true" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="width:150px;text-align:left;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:5px;">
                        Category Name:
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="text-align:left;padding-top:0px;">
                        <input style="width:300px;"
                               type="text"
                               name="suggestedCategoryName"
                               id="suggestedCategoryName"
                               value=""
                               dojoType="dijit.form.ValidationTextBox"
                               trim="true"
                               regExp="[\a-zA-Z\.\-\#\_\'\,\; ]+"
                               lowercase="true"
                               required="true" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="width:150px;text-align:left;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:5px;">
                        Category Description:
                    </td>
                </tr>
                <tr>
                    <td colspan="2"
                        style="text-align:left;padding-top:0px;">
                        <textarea dojoType="dijit.form.Textarea"
                                  id="suggestedCategoryDescription"
                                  name="suggestedCategoryDescription"
                                  style="width:100%;font-family:Verdana;font-size:12px;"></textarea>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align:right;padding-top:10px;">
                        <button dojoType=dijit.form.Button
                                type="reset"
                                name="resetSuggestServiceCategorieToBeAddedForm"
                                id="resetSuggestServiceCategorieToBeAddedForm"
                                iconClass="emptyIcon"
                                onclick="clearSuggestServiceCategorieToBeAddedForm();">
                            Clear
                        </button>
                        <button dojoType=dijit.form.Button
                                type="button"
                                name="submitSuggestServiceCategorieToBeAddedForm"
                                id="submitSuggestServiceCategorieToBeAddedForm"
                                iconClass="emptyIcon"
                                onclick="submitSuggestServiceCategorieToBeAddedForm();">
                            Send
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<div id="suggestServiceCategorieToBeAddedConfirmationArea"
     style="display:none;">
    <table style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
        <thead>
            <tr>
                <th style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Suggest Category to be Added</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                    Your recommendation has been sent. We will contact you once we process your request.
                    <br /><br />
                    Thank you.
                </td>
            </tr>
            <tr>
                <td style="text-align:center;padding-top:30px;">
                    <button dojoType=dijit.form.Button
                            type="button"
                            name="closeSuggestServiceCategorieToBeAddedForm"
                            id="closeSuggestServiceCategorieToBeAddedForm"
                            iconClass="emptyIcon"
                            onclick="hideSuggestServiceCategoryToBeAddedDialog();">
                        Close
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>